import Vue from 'vue'
import App from './App.vue'
// 引入路由
import router from '@/router'
// 导入 Element_ui
import ElementUI from 'element-ui'
// 导入 Element-ui 样式
import 'element-ui/lib/theme-chalk/index.css'
// 插件 Element-ui
Vue.use(ElementUI)
// 引入插件vue-lazyload
import VueLazyload from 'vue-lazyload'
// 注册全局使用
Vue.use(VueLazyload, {
  error: require('./assets/img/error.jpg'),
  loading: require('./assets/img/loading.gif'),
})
// 引入仓库
import store from '@/store';
// 注册Header全局组件
import Header from '@/components/Header/Header.vue'
Vue.component('Header', Header);
// 导入全局初始化样式
import './assets/css/index.css'
import './assets/css/btn.css'
import './assets/css/global.css'
// 全局过滤器
import './utils/filter'
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  // 注册路由
  router,
  // 注册路由
  store,
  // 配置全局事件总线
  beforeCreate () {
    // this表示当前Vue实例
    Vue.prototype.$bus = this
  }
}).$mount('#app')
